<!--用户操作弹窗-->
<ng-template #modalContent>
    <nz-spin [nzSpinning]="modalLoadingState">
        <nz-space [nzSize]='8'>
    <input
        *nzSpaceItem
        [style]='{width: "180px"}'
        nz-input
        placeholder="请输入用户名称"
        [(ngModel)]='searchObj.userName'
        (keyup)='keyEnter($event)'
    />
    <input
        *nzSpaceItem
        [style]='{width: "180px"}'
        nz-input
        placeholder="请输入手机号码"
        [(ngModel)]='searchObj.phonenumber'
        (keyup)='keyEnter($event)'
    />
    <button
        *nzSpaceItem
        nz-button
        nz-tooltip
        [nzTooltipTitle]="'搜索'"
        [nzTooltipPlacement]="'top'"
        (click)='searchList()'
    >
        <i nz-icon nzType="search"></i>
    </button>
    <button
        *nzSpaceItem
        nz-button
        nz-tooltip
        [nzTooltipTitle]="'重置'"
        [nzTooltipPlacement]="'top'"
        (click)='resetSearchObject()'
    >
        <span nz-icon >重置</span>
    </button>
</nz-space>
        <nz-divider></nz-divider>
        <nz-table
          #rowSelectionTable
          [nzData]="users"
          [nzShowPagination]='true'
          [nzShowQuickJumper]='true'
        >
          <thead>
            <tr>
              <th [nzChecked]="checked" [nzIndeterminate]="indeterminate" (nzCheckedChange)="onAllChecked($event)"></th>
              <th>用户名称</th>
              <th>用户昵称</th>
              <th>邮箱</th>
              <th>手机</th>
              <th>状态</th>
              <th>创建时间</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of rowSelectionTable.data">
              <td
                [nzChecked]="setOfCheckedId.has(data.roleId)"
                [nzDisabled]="data.disabled"
                (nzCheckedChange)="onItemChecked(data.userId, $event)"
              ></td>
              <td>{{ data.userName }}</td>
              <td>{{ data.nickName }}</td>
              <td>{{ data.email }}</td>
              <td>{{ data.phonenumber }}</td>
              <td>{{ data.status==0?'正常':'停用' }}</td>
              <td>{{ data.createTime }}</td>
            </tr>
          </tbody>
        </nz-table>
    </nz-spin>
</ng-template>
<ng-template #modalFooter>
    <button nz-button nzType="primary" [nzLoading]="saveLoadingState" (click)="sendRequest()">
        确定
    </button>
</ng-template>

